import { createApp } from 'vue'
import App from './App.vue'
import Hello from '@/components/Hello.vue'

// 创建应用
const app = createApp(App)

// Vue3使用app.component注册全局组件
app.component('Hello', Hello)
// Vue3使用config进行全局配置
app.config.globalProperties.xxx = 999

// 此处的代码就可以让其他组件使用xxx全局配置
declare module 'vue' {
  interface ComponentcustomProperties {
    xxx: number
  }
}

// 全局指令
app.directive('beauty', (element, { value }) => {
  element.innerHTML += value
  element.style.color = 'green'
  element.style.backgroundColor = 'yellowaa'
})

// 挂载应用
app.mount('#app')
